<?php
include 'cookie.php';
?>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo isset($_COOKIE['cnorg']) ? $_COOKIE['cnorg'] : $current_org['cnorg']; ?> AI 管理系统 - 欢迎</title>
    <link href="https://cdn.staticfile.net/font-awesome/6.7.1/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.staticfile.net/tailwindcss/2.2.9/tailwind.min.css" rel="stylesheet">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap');

        body {
            font-family: 'Noto Sans SC', 'Noto Serif SC', Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", "Hiragino Sans GB", Simsun, sans-serif;
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            min-height: 100vh;
        }

        /* 左侧导航栏样式 */
        .sidebar {
            position: fixed;
            top: 0;
            left: 0;
            width: 260px;
            height: 100vh;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border-right: 1px solid rgba(255, 255, 255, 0.5);
            padding: 2rem 1rem;
            overflow-y: auto;
            z-index: 100;
            box-shadow: 10px 0 30px rgba(0, 0, 0, 0.1);
        }

        .sidebar-header {
            margin-bottom: 2rem;
            text-align: center;
            padding-bottom: 1rem;
            border-bottom: 1px solid rgba(233, 30, 99, 0.2);
        }

        .sidebar-title {
            font-family: 'Noto Serif SC', serif;
            font-weight: 600;
            font-size: 1.3rem;
            color: #e91e63;
            margin-bottom: 0.5rem;
        }

        .sidebar-subtitle {
            font-size: 0.9rem;
            color: #666;
        }

        .nav-section {
            margin-bottom: 2rem;
        }

        .nav-section-title {
            font-weight: 600;
            font-size: 1rem;
            color: #333;
            margin-bottom: 1rem;
            padding-left: 0.5rem;
            position: relative;
        }

        .nav-section-title::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 20px;
            background: linear-gradient(135deg, #e91e63, #9c27b0);
            border-radius: 2px;
        }

        .nav-item {
            display: flex;
            align-items: center;
            padding: 0.75rem 1rem;
            margin-bottom: 0.5rem;
            border-radius: 12px;
            text-decoration: none;
            transition: all 0.3s ease;
            border: 1px solid transparent;
        }

        .nav-item:hover {
            background: rgba(233, 30, 99, 0.1);
            border-color: rgba(233, 30, 99, 0.3);
            transform: translateX(5px);
        }

        .nav-item.active {
            background: rgba(233, 30, 99, 0.15);
            border-color: #e91e63;
            box-shadow: 0 2px 10px rgba(233, 30, 99, 0.2);
        }

        .nav-item i {
            font-size: 1.2rem;
            margin-right: 0.75rem;
            color: #e91e63;
            width: 20px;
            text-align: center;
        }

        .nav-item.active i {
            color: #e91e63;
        }

        .nav-text {
            font-weight: 500;
            color: #333;
        }

        .nav-item.active .nav-text {
            color: #e91e63;
        }

        /* 主内容区域样式 */
        .main-container {
            margin-left: 280px;
            padding: 2rem;
            min-height: 100vh;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .welcome-header {
            text-align: center;
            margin-bottom: 3rem;
            padding: 2rem 0;
        }
        
        .welcome-header h1 {
            font-family: 'Noto Serif SC', serif;
            font-weight: 600;
            font-size: 2.5rem;
            color: #e91e63;
            margin-bottom: 0.5rem;
            letter-spacing: 1px;
            background: linear-gradient(135deg, #e91e63, #9c27b0);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        
        .welcome-subtitle {
            font-size: 1.2rem;
            color: #666;
            margin-bottom: 1rem;
        }
        
        .cards-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
            margin-bottom: 3rem;
        }

        .third-party-container {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
            margin-bottom: 3rem;
        }
        
        .card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border-radius: 20px;
            padding: 2rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.5);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            cursor: pointer;
            position: relative;
            overflow: hidden;
            text-align: center;
        }
        
        .card:hover {
            transform: translateY(-10px) scale(1.03);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }
        
        .card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(233, 30, 99, 0.1), rgba(156, 39, 176, 0.1));
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: 0;
            border-radius: 20px;
        }
        
        .card:hover::before {
            opacity: 1;
        }
        
        .card-content {
            position: relative;
            z-index: 1;
        }
        
        .card-icon {
            font-size: 3rem;
            margin-bottom: 1.5rem;
            transition: all 0.3s ease;
        }
        
        .card-reverse {
            color: #e91e63;
        }
        
        .card-edit {
            color: #2196F3;
        }
        
        .card-api {
            color: #4CAF50;
        }
        
        .card:hover .card-icon {
            transform: scale(1.2) rotate(10deg);
        }
        
        .card-title {
            font-family: 'Noto Serif SC', serif;
            font-weight: 600;
            font-size: 1.5rem;
            margin-bottom: 1rem;
            color: #333;
        }
        
        .card-description {
            color: #666;
            line-height: 1.6;
            margin-bottom: 1.5rem;
        }
        
        .card-status {
            display: inline-block;
            padding: 0.5rem 1rem;
            border-radius: 20px;
            font-size: 0.875rem;
            font-weight: 500;
            margin-top: 1rem;
        }
        
        .status-active {
            background: rgba(76, 175, 80, 0.2);
            color: #4CAF50;
        }
        
        .status-pending {
            background: rgba(255, 193, 7, 0.2);
            color: #FFC107;
        }
        
        .card-reverse .card-status {
            background: rgba(233, 30, 99, 0.2);
            color: #e91e63;
        }
        
        .card-edit .card-status {
            background: rgba(33, 150, 243, 0.2);
            color: #2196F3;
        }
        
        .card-api .card-status {
            background: rgba(76, 175, 80, 0.2);
            color: #4CAF50;
        }
        
        .user-info {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border-radius: 20px;
            padding: 2rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.5);
            margin-bottom: 2rem;
        }
        
        .user-info h3 {
            font-weight: 600;
            margin-bottom: 1.5rem;
            color: #333;
            display: flex;
            align-items: center;
        }
        
        .user-info h3 i {
            margin-right: 0.5rem;
            color: #e91e63;
        }
        
        .key-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1rem;
        }
        
        .key-item {
            display: flex;
            align-items: center;
            padding: 0.75rem;
            background: #f8f9fa;
            border-radius: 10px;
            border-left: 3px solid #e91e63;
        }
        
        .key-label {
            font-weight: 600;
            color: #555;
            min-width: 100px;
        }
        
        .key-value {
            color: #333;
            font-family: monospace;
            word-break: break-all;
        }
        
        .logout-section {
            text-align: center;
            padding: 2rem 0;
        }
        
        .logout-btn {
            background: linear-gradient(135deg, #e91e63, #ec407a);
            color: white;
            border: none;
            border-radius: 50px;
            padding: 0.75rem 2rem;
            font-size: 1.1rem;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
        
        .logout-btn:hover {
            background: linear-gradient(135deg, #d81b60, #e91e63);
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(233, 30, 99, 0.4);
        }
        
        .logout-btn i {
            margin-right: 0.5rem;
        }
        
        /* 动画效果 */
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0px); }
        }
        
        .card:nth-child(1) {
            animation: float 6s ease-in-out infinite;
        }
        
        .card:nth-child(2) {
            animation: float 6s ease-in-out 2s infinite;
        }
        
        .card:nth-child(3) {
            animation: float 6s ease-in-out 4s infinite;
        }
        
        /* 专区标题样式 */
        .section-title {
            text-align: center;
            margin: 3rem 0 2rem 0;
            font-family: 'Noto Serif SC', serif;
            font-weight: 600;
            font-size: 1.8rem;
            color: #e91e63;
            position: relative;
            padding-bottom: 1rem;
        }

        .section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 3px;
            background: linear-gradient(135deg, #e91e63, #9c27b0);
            border-radius: 2px;
        }

        .section-subtitle {
            text-align: center;
            color: #666;
            margin-bottom: 2rem;
            font-size: 0.95rem;
        }

        /* 第三方平台卡片样式 */
        .third-party-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border-radius: 15px;
            padding: 1.5rem;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.5);
            transition: all 0.3s ease;
            cursor: pointer;
            text-align: center;
            text-decoration: none;
            color: inherit;
            display: block;
        }

        .third-party-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
            text-decoration: none;
            color: inherit;
        }

        .third-party-card .card-icon {
            font-size: 2.5rem;
            margin-bottom: 1rem;
            color: #e91e63;
        }

        .third-party-card .card-title {
            font-size: 1.1rem;
            font-weight: 600;
            color: #333;
            margin: 0;
        }

        /* 响应式设计 */
        @media (max-width: 768px) {
            .welcome-header h1 {
                font-size: 2rem;
            }

            .cards-container {
                grid-template-columns: 1fr;
            }

            .third-party-container {
                grid-template-columns: repeat(2, 1fr);
                gap: 1rem;
            }

            .card {
                padding: 1.5rem;
            }

            .card-icon {
                font-size: 2.5rem;
            }

            .card-title {
                font-size: 1.25rem;
            }

            .section-title {
                font-size: 1.5rem;
            }

            .third-party-card {
                padding: 1rem;
            }

            .third-party-card .card-icon {
                font-size: 1.8rem;
            }

            .third-party-card .card-title {
                font-size: 0.9rem;
            }
        }

        /* 响应式设计 - 移动端 */
        @media (max-width: 768px) {
            .sidebar {
                transform: translateX(-100%);
                transition: transform 0.3s ease;
            }

            .sidebar.active {
                transform: translateX(0);
            }

            .main-container {
                margin-left: 0;
                padding: 1rem;
            }

            .mobile-menu-btn {
                position: fixed;
                top: 1rem;
                left: 1rem;
                z-index: 200;
                background: rgba(255, 255, 255, 0.95);
                backdrop-filter: blur(10px);
                border: 1px solid rgba(255, 255, 255, 0.5);
                padding: 0.75rem;
                border-radius: 12px;
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            }

            .mobile-menu-btn i {
                color: #e91e63;
                font-size: 1.2rem;
            }

            .cards-container {
                grid-template-columns: 1fr;
            }

            .third-party-container {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        /* 平板端 */
        @media (max-width: 1024px) and (min-width: 769px) {
            .sidebar {
                width: 240px;
            }

            .main-container {
                margin-left: 260px;
            }

            .third-party-container {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        /* 平板端响应式 */
        @media (max-width: 1024px) and (min-width: 769px) {
            .third-party-container {
                grid-template-columns: repeat(3, 1fr);
            }
        }
    </style>
</head>
<body>
    <!-- 移动端菜单按钮 -->
    <button class="mobile-menu-btn" onclick="toggleSidebar()">
        <i class="fas fa-bars"></i>
    </button>

    <!-- 左侧导航栏 -->
    <aside class="sidebar">
        <div class="sidebar-header">
            <h1 class="sidebar-title">AI 管理系统</h1>
            <p class="sidebar-subtitle">一站式AI工具平台</p>
        </div>

        <nav class="nav-menu">
            <!-- AIGC 专区 -->
            <div class="nav-section">
                <h3 class="nav-section-title">AIGC 专区</h3>
                <a href="WD/index.php?login=<?php echo $login_org; ?>" class="nav-item" target="_blank">
                    <i class="fas fa-sync-alt"></i>
                    <span class="nav-text">首尾帧图片反推</span>
                </a>
                <a href="WD/txt.php?login=<?php echo $login_org; ?>" class="nav-item" target="_blank">
                    <i class="fas fa-sync-alt"></i>
                    <span class="nav-text">单图图像反推</span>
                </a>
                <a href="BizyAIR/index.php?login=<?php echo $login_org; ?>" class="nav-item" target="_blank">
                    <i class="fas fa-project-diagram"></i>
                    <span class="nav-text">BizyAIR API调用</span>
                </a>
                <a href="OR/index.php?login=<?php echo $login_org; ?>" class="nav-item" target="_blank">
                    <i class="fas fa-image"></i>
                    <span class="nav-text">Nano 图片编辑</span>
                </a>
                <a href="BizyAIR/Camera.php?login=<?php echo $login_org; ?>" class="nav-item" target="_blank">
                    <i class="fas fa-image"></i>
                    <span class="nav-text">多镜头控制器</span>
                </a>
            </div>

            

            <!-- 其他专区 -->
            <div class="nav-section">
                <h3 class="nav-section-title">其他专区</h3>
                <a href="main.php" class="nav-item active">
                    <i class="fas fa-home"></i>
                    <span class="nav-text">主页</span>
                </a>
                <a href="sucai.php?login=<?php echo $login_org; ?>" class="nav-item" target="_blank">
                    <i class="fas fa-folder"></i>
                    <span class="nav-text">素材管理</span>
                </a>
                <a href="pro.php?login=<?php echo $login_org; ?>" class="nav-item" target="_blank">
                    <i class="fas fa-folder"></i>
                    <span class="nav-text">产品管理</span>
                </a>
                <a href="fei.php?login=<?php echo $login_org; ?>" class="nav-item" target="_blank">
                    <i class="fas fa-folder"></i>
                    <span class="nav-text">资料管理</span>
                </a>
            </div>
        </nav>
    </aside>

    <!-- 主内容区域 -->
    <div class="main-container">
        <div class="container">
        <div class="welcome-header">
            <h1><i class="fas fa-brain mr-2"></i><?php echo $current_org['cnorg'] ? $current_org['cnorg'].' - ' : ''; ?>AI 管理系统</h1>
            <p class="welcome-subtitle">身份验证成功，欢迎使用AI功能模块</p>
        </div>

        <!-- GEO 专区 -->
        <div class="section-title">
            <i class="fas fa-globe-americas mr-2"></i>GEO 专区
        </div>
        <p class="section-subtitle">GEO 关键词 分析、内容管理工具。<a href="geo.php" target="_blank">GEO知识介绍</a></p>

        <div class="cards-container">
            <!-- GEO 关键词分析 -->
            <a href="GEO/index.php?login=<?php echo $login_org; ?>" class="card">
                <div class="card-content">
                    <div class="card-icon card-reverse">
                        <i class="fas fa-key"></i>
                    </div>
                    <h3 class="card-title">FAQ 关键词分析</h3>
                    <p class="card-description">根据图片、文本进行专业的 FAQ 知识库结构化整理。</p>
                    <div class="card-status status-active">已激活</div>
                </div>
            </a>

            <!-- GEO 文章内容 -->
            <a href="GEO/content.php?login=<?php echo $login_org; ?>" class="card">
                <div class="card-content">
                    <div class="card-icon card-edit">
                        <i class="fas fa-file-alt"></i>
                    </div>
                    <h3 class="card-title">GEO 文章内容</h3>
                    <p class="card-description">管理和重新生成知识化的文章内容，FAQ 帮助，软文生成。</p>
                    <div class="card-status status-active">已激活</div>
                </div>
            </a>

            <!-- GEO 数据整理 -->
            <a href="GEO/shuju.php?login=<?php echo $login_org; ?>" class="card">
                <div class="card-content">
                    <div class="card-icon card-api">
                        <i class="fas fa-database"></i>
                    </div>
                    <h3 class="card-title">GEO 数据整理</h3>
                    <p class="card-description">整理、编辑、下载备份现有知识库。</p>
                    <div class="card-status status-active">已激活</div>
                </div>
            </a>
        </div>

<!-- 自媒体编辑 专区 -->
<div class="section-title">
    <i class="fas fa-external-link-alt mr-2"></i>内容编辑 专区
</div>
<p class="section-subtitle">内容搜索创作与采集管理</p>

<div class="third-party-container">

<!-- 豆包 -->
<a href="https://www.doubao.com/chat/" target="_blank" class="third-party-card">
    <div class="card-icon">
       <i class="fa-brands fa-steam"></i>
    </div>
    <h3 class="card-title">豆包</h3>
</a>

<!-- 腾讯混元 -->
<a href="https://hunyuan.tencent.com/" target="_blank" class="third-party-card">
    <div class="card-icon">
       <i class="fa-brands fa-steam"></i>
    </div>
    <h3 class="card-title">腾讯混元</h3>
</a>

<!-- 文心一言 -->
<a href="https://chat.baidu.com/search" target="_blank" class="third-party-card">
    <div class="card-icon">
       <i class="fa-brands fa-steam"></i>
    </div>
    <h3 class="card-title">文心一言</h3>
</a>

<!-- 腾讯混元 -->
<a href="https://chat.deepseek.com/" target="_blank" class="third-party-card">
    <div class="card-icon">
       <i class="fa-brands fa-steam"></i>
    </div>
    <h3 class="card-title">Deepseek</h3>
</a>


    <!-- 百度网络搜索分析 -->
    <a href="https://app-77kgy52rwq9t.appmiaoda.com/" target="_blank" class="third-party-card">
        <div class="card-icon">
           <i class="fa-brands fa-twitch"></i>
        </div>
        <h3 class="card-title">搜索分析 FAQ（文心一言）</h3>
    </a>

    <!-- 微信搜狗 -->
    <a href="https://weixin.sogou.com/" target="_blank" class="third-party-card">
        <div class="card-icon">
           <i class="fa-brands fa-weixin"></i>
        </div>
        <h3 class="card-title">搜狗搜索（微信公众号）</h3>
    </a>

    <!-- 提示词管理 -->
    <a href="https://www.prompterhub.cn/dashboard" target="_blank" class="third-party-card">
        <div class="card-icon">
           <i class="fa-brands fa-paypal"></i>
        </div>
        <h3 class="card-title">提示词管理（prompterhub）</h3>
    </a>


<!-- 360网络搜索分析 -->
<a href="https://www.n.cn/" target="_blank" class="third-party-card">
    <div class="card-icon">
       <i class="fa-brands fa-threads"></i>
    </div>
    <h3 class="card-title">纳米AI搜索 FAQ（360）</h3>
</a>

    <!-- Get笔记 -->
    <a href="https://www.biji.com/note" target="_blank" class="third-party-card">
        <div class="card-icon">
            <i class="fab fa-google"></i>
        </div>
        <h3 class="card-title">Get笔记</h3>
    </a>

<!-- AI 好记 -->
<a href="https://aihaoji.com/zh?utm_source=invite&utm_content=yTKmxsYB" target="_blank" class="third-party-card">
    <div class="card-icon">
        <i class="fa-brands fa-elementor"></i>
    </div>
    <h3 class="card-title">AI 好记-AI音视频转录与总结</h3>
</a>

    <!-- texpeed快排版 -->
    <a href="https://texpeed.cn/" target="_blank" class="third-party-card">
        <div class="card-icon">
            <i class="fa-brands fa-flutter"></i>
        </div>
        <h3 class="card-title">TeXpeed 快排版</h3>
    </a>

<!-- 色彩空间 -->
<a href="https://mycolor.space/gradient3" target="_blank" class="third-party-card">
    <div class="card-icon">
        <i class="fa-brands fa-sitrox"></i>
    </div>
    <h3 class="card-title">色彩空间 渐变色</h3>
</a>

<!-- excalidraw画布 -->
<a href="https://excalidraw.com/" target="_blank" class="third-party-card">
    <div class="card-icon">
        <i class="fa-brands fa-square-bluesky"></i>
    </div>
    <h3 class="card-title">excalidraw 画布</h3>
</a>


<!-- 2925海量邮箱 -->
<a href="https://2925.com/" target="_blank" class="third-party-card">
    <div class="card-icon">
        <i class="fa-brands fa-elementor"></i>
    </div>
    <h3 class="card-title">2925 海量邮箱</h3>
</a>
<!-- Chatbox AI -->
<a href="https://chatboxai.app/zh#download" target="_blank" class="third-party-card">
    <div class="card-icon">
        <i class="fa-brands fa-dashcube"></i>
    </div>
    <h3 class="card-title">Chatbox AI</h3>
</a>
<!-- 2925海量邮箱 -->
<a href="https://www.cherry-ai.com/download" target="_blank" class="third-party-card">
    <div class="card-icon">
        <i class="fa-brands fa-vimeo-v"></i>
    </div>
    <h3 class="card-title">Cherry Studio</h3>
</a>
</div>

        <!-- 第三方平台专区 -->
        <div class="section-title">
            <i class="fas fa-external-link-alt mr-2"></i>第三方平台
        </div>
        <p class="section-subtitle">内容分发和AI服务平台入口</p>

        <div class="third-party-container">
            <!-- 知乎 -->
            <a href="https://www.zhihu.com/org/signup" target="_blank" class="third-party-card">
                <div class="card-icon">
                    <i class="fab fa-zhihu"></i>
                </div>
                <h3 class="card-title">知乎-机构号</h3>
            </a>

            <!-- 腾讯内容开发平台 -->
            <a href="https://om.qq.com" target="_blank" class="third-party-card">
                <div class="card-icon">
                    <i class="fab fa-qq"></i>
                </div>
                <h3 class="card-title">腾讯内容开发平台</h3>
            </a>

            <!-- 微信公众号 -->
            <a href="https://mp.weixin.qq.com" target="_blank" class="third-party-card">
                <div class="card-icon">
                    <i class="fab fa-weixin"></i>
                </div>
                <h3 class="card-title">微信公众号</h3>
            </a>

            <!-- 百家号 -->
            <a href="https://baijiahao.baidu.com" target="_blank" class="third-party-card">
                <div class="card-icon">
                    <i class="fab fa-bootstrap"></i>
                </div>
                <h3 class="card-title">百家号</h3>
            </a>

            <!-- 知乎个人版 -->
            <a href="https://www.zhihu.com" target="_blank" class="third-party-card">
                <div class="card-icon">
                    <i class="fab fa-zhihu"></i>
                </div>
                <h3 class="card-title">知乎个人版</h3>
            </a>

            <!-- 搜狐号 -->
            <a href="https://mp.sohu.com" target="_blank" class="third-party-card">
                <div class="card-icon">
                    <i class="fas fa-fire"></i>
                </div>
                <h3 class="card-title">搜狐号</h3>
            </a>

            <!-- DeepSeek -->
            <a href="https://platform.deepseek.com" target="_blank" class="third-party-card">
                <div class="card-icon">
                    <i class="fas fa-brain"></i>
                </div>
                <h3 class="card-title">DeepSeek 大模型</h3>
            </a>

            <!-- 豆包 -->
            <a href="https://console.volcengine.com/" target="_blank" class="third-party-card">
                <div class="card-icon">
                    <i class="fas fa-brain"></i>
                </div>
                <h3 class="card-title">豆包 大模型</h3>
            </a>

            <!-- 元宝 -->
            <a href="https://yuanbao.tencent.com/" target="_blank" class="third-party-card">
                <div class="card-icon">
                    <i class="fas fa-brain"></i>
                </div>
                <h3 class="card-title">元宝 大模型</h3>
            </a>

            <!-- 文心一言 -->
            <a href="https://cloud.baidu.com" target="_blank" class="third-party-card">
                <div class="card-icon">
                    <i class="fas fa-brain"></i>
                </div>
                <h3 class="card-title">文心一言 大模型</h3>
            </a>

            <!-- 腾讯云 -->
            <a href="https://cloud.tencent.com" target="_blank" class="third-party-card">
                <div class="card-icon">
                    <i class="fas fa-brain"></i>
                </div>
                <h3 class="card-title">腾讯云 大模型</h3>
            </a>

    <!-- 百炼 -->
    <a href="https://bailian.console.aliyun.com/" target="_blank" class="third-party-card">
        <div class="card-icon">
            <i class="fas fa-brain"></i>
        </div>
        <h3 class="card-title">阿里云 大模型</h3>
    </a>
        </div>

        <div class="logout-section">
        
            <button class="logout-btn" onclick="logout()">
                <i class="fas fa-sign-out-alt"></i> 退出登录
            </button>
        </div>
    </div>

    <script>
        function logout() {
            // 清除所有cookie
            document.cookie = "MIMA=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
            document.cookie = "NAME=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
            document.cookie = "cnorg=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
            document.cookie = "enorg=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
            document.cookie = "sessiontime=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
            
            // 跳转回登录页面
            window.location.href = "index.php?login=<?php echo $login_org; ?>";
        }
        
        // 为卡片添加点击效果
        document.querySelectorAll('.card').forEach(card => {
            card.addEventListener('mousedown', function() {
                this.style.transform = 'scale(0.98)';
            });
            
            card.addEventListener('mouseup', function() {
                this.style.transform = '';
            });
            
            card.addEventListener('mouseleave', function() {
                this.style.transform = '';
            });
        });
    </script>

    <script>
        // 侧边栏切换功能
        function toggleSidebar() {
            const sidebar = document.querySelector('.sidebar');
            sidebar.classList.toggle('active');
        }

        // 页面加载完成后初始化
        document.addEventListener('DOMContentLoaded', function() {
            // 如果是移动端，自动隐藏侧边栏
            if (window.innerWidth <= 768) {
                document.querySelector('.sidebar').classList.remove('active');
            }
        });

        // 窗口大小改变时处理
        window.addEventListener('resize', function() {
            const sidebar = document.querySelector('.sidebar');
            if (window.innerWidth > 768) {
                sidebar.classList.remove('active');
            }
        });
    </script>
</body>
</html>
